<?xml version="1.0" encoding="UTF-8"?>    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:util="http://java.sun.com/jsf/composite/components/util">
<ui:composition template="/WEB-INF/templates/platTemplate.xhtml">
	<ui:define name="content">
		<h:form id="manageNcounterForm" prependId="false">
			<a4j:outputPanel id="toolbarPanel" ajaxRendered="true" layout="block" styleClass="toolbar">
				<div class="tdiv firstdiv">
					<a4j:commandLink action="#{manageNcounterPage.preCreateAction}" value="" event="click" execute="@this" render="mainManageNcounterPanel" styleClass="btns">
						<f:verbatim>
							<span class="btn_l">&nbsp;</span>
							<span class="btn_txt">#{message['operate.add.display']}</span>
							<span class="btn_r">&nbsp;</span>
						</f:verbatim>
					</a4j:commandLink>
				</div>
			</a4j:outputPanel>
			<div class="normalContent">
				<a4j:outputPanel id="searchPanel" layout="block">
						<div class="add_detail_box">
							<p>
								<span>
								<h:outputLabel value="#{message['ncounter.code.display'] }:" styleClass="normallabel"></h:outputLabel>
								<h:inputText value="#{manageNcounterPage.page.param.code}" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
								<h:outputLabel value="#{message['ncounter.name.display'] }:" styleClass="normallabel"></h:outputLabel>
								<h:inputText value="#{manageNcounterPage.page.param.name}" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
								</span>
							</p>
							
								<a4j:commandLink action="#{manageNcounterPage.searchPageAction}" value="" event="click" execute="@this" render="searchPanel pageDataPanel mainManageNcounterPanel" styleClass="btn"><f:verbatim><span>#{message['button.search.display'] }</span></f:verbatim></a4j:commandLink>

						</div>
				</a4j:outputPanel>
				<a4j:outputPanel id="pageDataPanel" layout="block">
					<div class="scrollDivGrid">
						<div class="scrollDivGridInner">
					    	<ul id="ncounterUlHeader" class="headline">
					    		<li style="width:110px;"><span>#{message['operate.display'] }</span></li>
							    <li style="width:150px;"><span>#{message['ncounter.code.display'] }</span></li>
							    <li style="width:150px;"><span>#{message['ncounter.name.display'] }</span></li>
							    <li style="width:150px;"><span>#{message['ncounter.description.display'] }</span></li>
							    <li style="width:150px;"><span>#{message['ncounter.prefix.display'] }</span></li>
							    <li style="width:100px;"><span>#{message['ncounter.length.display'] }</span></li>
							    <li style="width:100px;"><span>#{message['ncounter.step.display'] }</span></li>
							    <li style="width:100px;"><span>#{message['ncounter.last.display'] }</span></li>
							    <li style="width:100px;"><span>#{message['ncounter.next.display'] }</span></li>
							    <li style="width:100px;"><span>#{message['data.createby.display'] }</span></li>
							    <li style="width:150px;"><span>#{message['data.createtime.display'] }</span></li>
							    <li style="width:100px;"><span>#{message['data.modifyby.display'] }</span></li>
							    <li style="width:150px;"><span>#{message['data.modifytime.display'] }</span></li>
							    <li style="width:100px;" class="last"><span>#{message['data.sort.display'] }</span></li>
							</ul>
							<a4j:repeat value="#{manageNcounterPage.page.page.result}" var="ncounter" rowKeyVar="rowNo">
								<ul id="ncounterUl#{rowNo}" class="">
									<li style="width:110px">
										<a4j:commandLink action="#{manageNcounterPage.viewAction }" value="#{message['operate.view.display'] }" event="click" execute="@this" render="pageDataPanel mainManageNcounterPanel"><f:param name="objId" value="#{ncounter.id }"></f:param></a4j:commandLink>
										<f:verbatim>&nbsp;&nbsp;</f:verbatim>
										<a4j:commandLink action="#{manageNcounterPage.editAction }" value="#{message['operate.edit.display'] }" event="click" execute="@this" render="pageDataPanel mainManageNcounterPanel"><f:param name="objId" value="#{ncounter.id }"></f:param></a4j:commandLink>
										<f:verbatim>&nbsp;&nbsp;</f:verbatim>
									</li>
									<li style="width:150px"><h:outputLabel value="#{ncounter.code }"></h:outputLabel></li>
								    <li style="width:150px"><h:outputLabel value="#{ncounter.name }"></h:outputLabel></li>
								    <li style="width:150px"><h:outputLabel value="#{ncounter.description }"></h:outputLabel></li>
								    <li style="width:150px"><h:outputLabel value="#{ncounter.prefix }"></h:outputLabel></li>
								    <li style="width:100px"><h:outputLabel value="#{ncounter.counterLength }"></h:outputLabel></li>
								    <li style="width:100px"><h:outputLabel value="#{ncounter.counterStep }"></h:outputLabel></li>
								    <li style="width:100px"><h:outputLabel value="#{ncounter.counterLast }"></h:outputLabel></li>
								    <li style="width:100px"><h:outputLabel value="#{ncounter.counterNext }"></h:outputLabel></li>
								    <li style="width:100px;"><h:outputLabel value="#{ncounter.creator.userName }"></h:outputLabel></li>
								    <li style="width:150px;"><h:outputLabel value="#{ncounter.createTime }"><f:convertDateTime timeZone="GMT+8" locale="#{localBean.locale}" pattern="yyyy-MM-dd HH:mm:ss"/></h:outputLabel></li>
								    <li style="width:100px;"><h:outputLabel value="#{ncounter.modifier.userName }"></h:outputLabel></li>
								    <li style="width:150px;"><h:outputLabel value="#{ncounter.modifyTime }"><f:convertDateTime timeZone="GMT+8" locale="#{localBean.locale}" pattern="yyyy-MM-dd HH:mm:ss"/></h:outputLabel></li>
								    <li style="width:100px" class="last"><h:outputLabel value="#{ncounter.sort }"></h:outputLabel></li>
							  	</ul>
						  	</a4j:repeat>
						  	<script language="javascript">
								setUlLastBorder('ncounterUlHeader');
							</script>
						  	<a4j:outputPanel id="emptyDataPanel" rendered="#{empty manageNcounterPage.page.page.result}" display="block">
						  		<span class="f13 fB">#{msgs['empty.data.display'] }</span>
						  	</a4j:outputPanel>
						</div>
					</div>
					<div id="d_p_list">
						<util:pageNavigation id="ncounterNav" pageData="#{manageNcounterPage.page.page }" pageNoAction="#{manageNcounterPage.selectPageNo }" prePageNoId="prePageNoBtnFootHead" prePageNoLabel="#{message['page.navigation.pre.display']}" renderId="pageDataPanel" nextPageNoId="nextPageNoBtnFootHead" nextPageNoLabel="#{message['page.navigation.next.display']}"></util:pageNavigation>
					</div>
				</a4j:outputPanel>
	         	<a4j:outputPanel id="mainManageNcounterPanel" ajaxRendered="true" layout="block">
					<h:panelGrid columns="2" styleClass="normaltable" headerClass="tleft" columnClasses="percent10 tleft,percent90" rendered="#{'VIEW' eq manageNcounterPage.action }">
			
						<f:facet name="header">
							<h:outputLabel value="#{message['ncounter.info.display'] }" styleClass="f14 fN"></h:outputLabel>
							[<a4j:commandLink action="#{manageNcounterPage.viewToEditAction }" value="#{message['operate.edit.display'] }" event="click" execute="@this" render="mainManageNcounterPanel"></a4j:commandLink>]
						</f:facet>
						
						<h:outputLabel value="#{message['ncounter.code.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.code }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['ncounter.name.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.name }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['ncounter.description.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.description }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['ncounter.prefix.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.prefix }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['ncounter.length.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.counterLength }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['ncounter.step.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.counterStep }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['ncounter.last.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.counterLast }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['ncounter.next.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.counterNext }" styleClass="normal_output_text"></h:outputText>
						<h:outputText value="#{message['data.createby.display'] }:" styleClass="normallabel"></h:outputText>
						<h:outputText value="#{manageNcounterPage.view.creator.userName }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['data.createtime.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputLabel value="#{manageNcounterPage.view.createTime }" styleClass="normallabel"><f:convertDateTime timeZone="GMT+8" locale="#{localBean.locale}" pattern="yyyy-MM-dd HH:mm:ss"/></h:outputLabel>
						<h:outputLabel value="#{message['data.modifyby.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.modifier.userName }" styleClass="normal_output_text"></h:outputText>
						<h:outputLabel value="#{message['data.modifytime.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputLabel value="#{manageNcounterPage.view.modifyTime }" styleClass="normallabel"><f:convertDateTime timeZone="GMT+8" locale="#{localBean.locale}" pattern="yyyy-MM-dd HH:mm:ss"/></h:outputLabel>
						<h:outputLabel value="#{message['data.sort.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:outputText value="#{manageNcounterPage.view.sort }" styleClass="normal_output_text"></h:outputText>
					</h:panelGrid>
					
					<h:panelGrid columns="2" styleClass="normaltable" headerClass="tleft" footerClass="tcenter" columnClasses="percent10 tleft,percent90" rendered="#{('EDIT' eq manageNcounterPage.action) or ('NEW' eq manageNcounterPage.action) }">
						
						<f:facet name="header">
							<h:outputLabel value="#{message['ncounter.info.display'] }" styleClass="f14 fN"></h:outputLabel>
						</f:facet>
						
						<h:outputLabel value="#{message['ncounter.code.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="code" label="{message['ncounter.code.display'] }" value="#{manageNcounterPage.edit.code }" maxlength="20" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['ncounter.name.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="name" label="#{message['ncounter.name.display'] }" value="#{manageNcounterPage.edit.name }" maxlength="50" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['ncounter.description.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="description" label="#{message['ncounter.description.display'] }" value="#{manageNcounterPage.edit.description }" maxlength="50" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['ncounter.prefix.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="prefix" label="#{message['ncounter.prefix.display'] }" value="#{manageNcounterPage.edit.prefix }" maxlength="50" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['ncounter.length.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="length" label="#{message['ncounter.length.display'] }" value="#{manageNcounterPage.edit.counterLength }" maxlength="11" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['ncounter.step.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="step" label="#{message['ncounter.step.display'] }" value="#{manageNcounterPage.edit.counterStep }" maxlength="11" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['ncounter.last.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="last" label="#{message['ncounter.last.display'] }" value="#{manageNcounterPage.edit.counterLast }" maxlength="11"  styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['ncounter.next.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="next" label="#{message['ncounter.next.display'] }" value="#{manageNcounterPage.edit.counterNext }" maxlength="11" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value="#{message['data.sort.display'] }:" styleClass="normallabel"></h:outputLabel>
						<h:inputText id="sort" label="#{message['data.sort.display'] }" value="#{manageNcounterPage.edit.sort}" maxlength="11" styleClass="normal_input_text"><f:ajax event="blur" execute="@this" render="@this"></f:ajax></h:inputText>
						<h:outputLabel value=""></h:outputLabel>
						<h:panelGroup>
							<a4j:commandLink action="#{manageNcounterPage.updateAction}" value="" event="click" execute="@this" oncomplete="javascript:refreshPageAction();" rendered="#{'EDIT' eq manageNcounterPage.action }" styleClass="btn"><f:verbatim><span>#{message['button.update.display'] }</span></f:verbatim></a4j:commandLink>
							<a4j:commandLink action="#{manageNcounterPage.saveAction}" value="" event="click" execute="@this" oncomplete="javascript:refreshPageAction();" rendered="#{'NEW' eq manageNcounterPage.action }" styleClass="btn"><f:verbatim><span>#{message['button.save.display'] }</span></f:verbatim></a4j:commandLink>
						</h:panelGroup>
						<f:facet name="footer">
							<util:messages errorMessages="#{manageNcounterPage.errorMessages}"></util:messages>
						</f:facet>
					</h:panelGrid>
					<a4j:jsFunction name="refreshPageAction" action="#{manageNcounterPage.refreshPageAction }" render="mainManageNcounterPanel pageDataPanel"></a4j:jsFunction>
				</a4j:outputPanel>
			</div>
         </h:form>
         <div style="clear:both;float:none" />
	</ui:define>
</ui:composition>
</html>

